<template>
    <div class="phonedetails">
     <BuyPhoneTop></BuyPhoneTop>
     <BuyPhoneSwiper></BuyPhoneSwiper>
     <BuyPhonePrice></BuyPhonePrice>
     <BuyPhonePz></BuyPhonePz>
     <BuyPhoneSelling></BuyPhoneSelling>
     <BuyPhoneColor></BuyPhoneColor>
     <BuyPhoneBb></BuyPhoneBb>
     <BuyPhoneLx></BuyPhoneLx>
     <BuyPhoneElse></BuyPhoneElse>
     <BuyPhoneFoot></BuyPhoneFoot>
    </div>
</template>
   
<script>
import BuyPhoneTop from '../../components/jing/BuyEars/BuyPhoneTop.vue'
import BuyPhoneSwiper from '../../components/jing/BuyEars/BuyPhoneSwiper.vue'
import BuyPhonePrice from '../../components/jing/BuyEars/BuyPhonePrice.vue'
import BuyPhonePz from '../../components/jing/BuyEars/BuyPhonePz.vue'
import BuyPhoneSelling from '../../components/jing/BuyEars/BuyPhoneSelling.vue'
import BuyPhoneColor from '../../components/jing/BuyEars/ByPhoneColor.vue'
import BuyPhoneBb from '../../components/jing/BuyEars/BuyPhoneBb.vue'
import BuyPhoneLx from '../../components/jing/BuyEars/BuyPhoneLx.vue'
import BuyPhoneElse from '../../components/jing/BuyEars/BuyPhoneElse.vue'
import BuyPhoneFoot from '../../components/jing/BuyEars/BuyPhoneFoot.vue'
export default {
   components:{
    BuyPhoneTop,
    BuyPhoneSwiper,
    BuyPhonePrice,
    BuyPhonePz,
    BuyPhoneSelling,
    BuyPhoneColor,
    BuyPhoneBb,
    BuyPhoneLx,
    BuyPhoneElse,
    BuyPhoneFoot
   }
}
</script>

<style scoped>
     .phonedetails{
        display: flex;
        flex-direction: column;
    }
</style>